<%@ page import="com.h.heal.entity.Admin" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<html lang="zh">

<head>

    <link rel="stylesheet" type="text/css" href="/css/modern-norm.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/prism.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/katex.min.css"/>
    <link rel="stylesheet" type="text/css" href="/css/wolai.css"/>
    <link rel="shortcut icon"
          href="data:image/svg+xml,%3Csvg xmlns=&apos;http://www.w3.org/2000/svg&apos; viewBox=&apos;0 0 800 800&apos;%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Cg%3E%3Cpath class=&apos;cls-1&apos; d=&apos;M610.08,0c66,0,90,6.88,114.13,19.79a134.62,134.62,0,0,1,56,56l2.28,4.4C793.93,103,800,127.88,800,189.92V610.08l-.08,11.56c-.78,57.38-7.58,79.89-19.71,102.57a134.62,134.62,0,0,1-56,56l-4.4,2.28C697,793.93,672.12,800,610.08,800H189.92l-11.56-.08c-57.38-.78-79.89-7.58-102.57-19.71a134.62,134.62,0,0,1-56-56l-2.28-4.4C6.44,697.75.4,673.72,0,616L0,189.92c0-66,6.88-90,19.79-114.13a134.62,134.62,0,0,1,56-56l4.4-2.28C102.25,6.44,126.28.4,184,0Z&apos;/%3E%3Cpath d=&apos;M610.08,0c66,0,90,6.88,114.13,19.79a134.62,134.62,0,0,1,56,56l2.28,4.4C793.93,103,800,127.88,800,189.92V610.08l-.08,11.56c-.78,57.38-7.58,79.89-19.71,102.57a134.62,134.62,0,0,1-56,56l-4.4,2.28C697,793.93,672.12,800,610.08,800H189.92l-11.56-.08c-57.38-.78-79.89-7.58-102.57-19.71a134.62,134.62,0,0,1-56-56l-2.28-4.4C6.44,697.75.4,673.72,0,616L0,189.92c0-66,6.88-90,19.79-114.13a134.62,134.62,0,0,1,56-56l4.4-2.28C102.25,6.44,126.28.4,184,0Zm4.72,88.9H185.2L172.42,89c-32.78.62-43.68,3.24-54.71,9.14a45.84,45.84,0,0,0-19.54,19.54c-6.61,12.36-9.11,24.55-9.27,67.49V614.8L89,627.58c.62,32.78,3.24,43.68,9.14,54.71a45.84,45.84,0,0,0,19.54,19.54c12.36,6.61,24.55,9.11,67.49,9.27H610.08c46.79,0,59.41-2.44,72.21-9.28a45.84,45.84,0,0,0,19.54-19.54c6.61-12.36,9.11-24.55,9.27-67.49V189.92c0-46.79-2.44-59.41-9.28-72.21a45.84,45.84,0,0,0-19.54-19.54C669.93,91.56,657.74,89.06,614.8,88.9ZM233.33,493.33A73.34,73.34,0,1,1,160,566.67,73.35,73.35,0,0,1,233.33,493.33Z&apos;/%3E%3C/g%3E%3C/svg%3E"></link>

    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>${topic.topic_title}</title>
    <jsp:include page="../../common_css.jsp"/>

    <style>
        .form-control {
            width: 30%;
        }

        .main-title {
            color: darkcyan;
        }

        article {
            color: black;
        }


        .container-fluid.page-body-wrapper {
            width: 122%;
        }
    </style>
</head>
<body style="background: linear-gradient(to top right, #a1ffce 0%, #faffd1 100%);">
<div class="container-scroller">
    <!-- partial:partials/_navbar.html -->
    <jsp:include page="../../top_user.jsp"/>

    <!-- partial -->
    <div class="container-fluid page-body-wrapper">
        <!-- partial:partials/_sidebar.html -->
<%--        <jsp:include page="../../left_user.jsp"/>--%>
        <!-- partial -->
        <div class="main-panel">
            <div class="row">
                <div class="col-md-12 stretch-card">
                    <div class="card"style="background: rgba(255,255,255,0);
    border: none;">
                        <header>
                            <div class="image"></div>
                            <div class="title">
                                <div class="banner">
                                    <div data-symbol="📚" class="icon"></div>
                                </div>
                                <div data-title="${topic.topic_title}" class="main-title"></div>
                            </div>
                        </header>
                        <article>
                            <div class="bg-cultured wolai-block wolai-text">
                                <div><span class="inline-wrap">📖${topic.topic_uid}</span></div>
                            </div>
                            <div class="bg-cultured wolai-block wolai-text">
                                <div><span class="inline-wrap">🕓</span><span class="inline-wrap">上传时间：${topic.topic_timestamp}</span></div>
                            </div>
                            <div class="bg-cultured wolai-block wolai-text">
                                <div><span class="inline-wrap">❤️点赞数：${topic.topic_like}</span></div>
                            </div>
                            <div class="bg-cultured wolai-block wolai-text">
                                <div><span class="inline-wrap">${topic.topic_maintext}</span>
                                        </div>
                            </div>
                        </article>
                    </div>
                </div>
            </div>
        </div>


<%--        <jsp:include page="../../footer.jsp"/>--%>
    </div>
    <!-- main-panel ends -->
</div>
<!-- page-body-wrapper ends -->
</div>
<!-- container-scroller -->
<jsp:include page="../../common_js.jsp"/>
</body>

</html>

<script>
    function doEdit() {
        //推荐前端js验证字段

        $.ajax(
            {
                type: "post",
                url: "/topic/doEdit",
                data: $("#frm").serialize(),
                async: false,  //使用ajax同步提交数据
                success: function (response) {
                    if (response == "ok") {
                        // alert("产品编辑成功,1秒后跳转到产品列表");
                        setTimeout(window.location.href = "/topic/user/main", 500);
                    } else {
                        alert("编辑失败，请联系管理员....");
                    }
                }
            }
        );
    }


    function back() {
        history.back();
    }
</script>

